import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: '/home',
      name: 'home',
      component: () => import('../views/Home.vue')
    },
    {
      path: '/series',
      name: 'series',
      component: () => import('../views/Series.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      path: '/bag',
      name: 'bag',
      component: () => import('../views/Bag.vue')
    },
    {
      path: '/count',
      name: 'count',
      component: () => import('../views/Count.vue')
    },
    {
      // setting
      path: '/setting',
      name: 'setting',
      component: () => import('../views/Setting.vue')
    },
    {
      // category_setting
      path: '/category_setting',
      name:'category_setting',
      component: () => import('../views/CategorySetting/CategorySetting.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      // add_category
      path: '/add_category',
      name:'add_category',
      component: () => import('../views/CategorySetting/SaveOrUpdateCategory.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      // update_category
      path: '/update_category',
      name:'update_category',
      component: () => import('../views/CategorySetting/SaveOrUpdateCategory.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      // second_category
      path: '/second_category',
      name:'second_category',
      component: () => import('../views/CategorySetting/SecondCategory.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      path: '/category/second/add',
      name: 'second_add',
      component: () => import('../views/CategorySetting/SecondEdit.vue'),
      meta: {
        hideTabBar: true
      }
    },
    {
      // /category/second/edit
      path: '/category/second/edit',
      name:'second_edit',
      component: () => import('../views/CategorySetting/SecondEdit.vue'),
    },
    {
      path: '/testCropper',
      name:'testCropper',
      component: () => import('../views/ExampleUsage.vue'),
      meta: {
        hideTabBar: true
      }
    }
  ]
})

export default router